<script setup>
import { ref, toRefs } from 'vue'
// toRefs将响应式数据中某些字符提取出来继续保持响应式
// 用法  const {name,age}=toRefs(响应式数据)
const obj = ref({ name: 'zs', age: 18 }) // {value:{name:zs,age:18}}
// const { name, age } = obj.value // 解构的数据不再具备响应式
const { name, age } = toRefs(obj.value)
</script>
<template>
  <div>{{ obj.name }}-----{{ obj.age }}</div>
  <button @click="obj.name = Date.now()">修改name</button>
  <div>{{ name }}-----{{ age }}</div>
</template>
<style></style>
